<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
<div>省份：
    <input type="text" id="pname">
    <button>查询</button>
</div>
<ul class="citylist">
    <!--   循环排列-->
    <li>显示省份下的城市</li>
    <li>如果输入的省份不存在，则返回“无相关城市信息”</li>
</ul>
<script>
    // axios的相关请求方式
    // 请求的URL 地址：http://127.0.0.1:8000/api/city
    // axios()
    // axios({
    //     url: 'http://127.0.0.1:8000/api/city11', // 请求的URL地址
    //     method: 'post', // 请求的方式
    //     params: { // 请求的参数
    //         pname: '广东省'
    //     }
    // }).then(function (response) { // 请求成功
    //     console.log(response.data);
    // }).catch(function (error) {// 请求失败
    //     console.log("error.message:", error.message);
    // })
    // axios.get('')
    // axios.get('http://127.0.0.1:8000/api/city?pname=广东省')
    //     .then(function (response) {
    //         console.log(response.data);
    //     }).catch(function (error) {
    //     console.log("error.message:", error.message);
    // })
    // let pname = prompt("请输入省份的名称")
    // axios.post('')
    // axios.post('http://127.0.0.1:8000/api/city1', null, {
    //     params: {
    //         pname: pname
    //     }
    // }).then(function (response) {
    //     console.log(response.data);
    // }).catch(function (error) {
    //     console.log("error.message:", error.message);
    // })

    // axios.post('http://127.0.0.1:8000/api/city1', {
    //     pname: "广东省"
    // }).then(function (response) {
    //     console.log(response.data);
    // }).catch(function (error) {
    //     console.log("error.message:", error.message);
    // })


    // fetch('http://127.0.0.1:8000/api/city1', {
    //     method: 'POST',
    //     body: JSON.stringify({
    //         pname: "广东省"
    //     })
    // }).then(function (response) {
    //     console.log(response.data);
    // }).catch(function (error) {
    //     console.log("error.message:", error.message)
    // })

    fetch('http://127.0.0.1:8000/api/city11', {
        method: 'POST', // 指定请求方法
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({
            pname: '广东省'
        })
    })
        .then(response => response.json())
        .then(data => console.log(data))
        .catch(error => console.error('Error:', error));

</script>
</body>
</html>


